<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
        <title>carcassonne</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script>
        <script type="text/javascript" src="/js/mootools-1.2.4.4-more.js"></script>
        <script type="text/javascript" src="/js/wsjson.js"></script>
        <script type="text/javascript" src="/js/res.js"></script>
        <script type="text/javascript" src="/js/carcassonne.js"></script>
        <link rel="stylesheet" type="text/css" href="/styles/carcassonne.css" />
    </head>
    <body>
        <div id="browserNotSupport" class="hide">请使用支持 WebSocket 的浏览器(例如 <a href="http://blog.chromium.org/2009/12/web-sockets-now-available-in-google.html">chrome 4.0.249.0+</a>)</div>
        <div id="loginPanel" class="alignC roundedBox hide">
            <div id="loginFormCont">
                <form id="loginForm" name="loginForm">
                    <table>
                        <tr>
                            <td class="alignR">请输入昵称: </td>
                            <td><input class="roundedBox" type="text" name="nickname" id="nickname" value="" /></td>
                            <td class="alignR">以及房间号: </td>
                            <td>
                                <select class="roundedBox" id="gameID" name="gameID">
                                    <option value="0">0</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                </select>
                            </td>
                            <td><input class="roundedBox" type="submit" value="提交" /></td>
                        </tr>
                        <tr>
                            <td colspan="5" id="loginErr"></td>
                        </tr>
                    </table>
                </form>
            </div>
            <div id="loginWait" class="hide">登录中, 请稍候...</div>
        </div>
        <div id="boardCont" class="noSelect">
        </div>
        <div id="gamePanel" class="hide noSelect">
            <table class="scoreBoard roundedBox" id="scoreBoard0">
                <tr><td><div class="meeple meeple0" /></td><td id="playerName0"></td></tr>
                <tr><td class="alignR">meeple: </td><td id="meepleCnt0">7</td></tr>
                <tr><td class="alignR">score: </td><td id="score0"></td></tr>
                <tr><td class="alignR"><div id="ready0">ready: </div></td><td id="readySt0"></td></tr>
            </table>
            <table class="scoreBoard roundedBox" id="scoreBoard1">
                <tr><td><div class="meeple meeple1" /></td><td id="playerName1"></td></tr>
                <tr><td class="alignR">meeple: </td><td id="meepleCnt1">7</td></tr>
                <tr><td class="alignR">score: </td><td id="score1"></td></tr>
                <tr><td class="alignR"><div id="ready1">ready: </div></td><td id="readySt1"></td></tr>
            </table>
            <table class="scoreBoard roundedBox" id="scoreBoard2">
                <tr><td><div class="meeple meeple2" /></td><td id="playerName2"></td></tr>
                <tr><td class="alignR">meeple: </td><td id="meepleCnt2">7</td></tr>
                <tr><td class="alignR">score: </td><td id="score2"></td></tr>
                <tr><td class="alignR"><div id="ready2">ready: </div></td><td id="readySt2"></td></tr>
            </table>
            <table class="scoreBoard roundedBox" id="scoreBoard3">
                <tr><td><div class="meeple meeple3" /></td><td id="playerName3"></td></tr>
                <tr><td class="alignR">meeple: </td><td id="meepleCnt3">7</td></tr>
                <tr><td class="alignR">score: </td><td id="score3"></td></tr>
                <tr><td class="alignR"><div id="ready3">ready: </div></td><td id="readySt3"></td></tr>
            </table>
            <table class="scoreBoard roundedBox" id="scoreBoard4">
                <tr><td><div class="meeple meeple4" /></td><td id="playerName4"></td></tr>
                <tr><td class="alignR">meeple: </td><td id="meepleCnt4">7</td></tr>
                <tr><td class="alignR">score: </td><td id="score4"></td></tr>
                <tr><td class="alignR"><div id="ready4">ready: </div></td><td id="readySt4"></td></tr>
            </table>
            <div class="roundedBox hide" id="gameInfo">剩下 <font id="remainTiles">0</font> 个小块</div>
            <div class="roundedBox toolBotton hide" id="mvCenter">居中</div>
            <div class="roundedBox toolBotton hide" id="turnEnd">回合结束</div>
        </div>
        <div id="msgPanel" class="hide alignC roundedBox noSelect">
                <div id="msgHelp" class="roundedBox"></div>
                <div id="msgHistory" class="roundedBox"></div>
                <form id="msgForm" name="msgForm">
                    <input class="roundedBox floatL" size="30" type="text" id="msgContent" name="msgContent" />
                    <input class="roundedBox floatR" type="submit" id="msgSubmit" value="send" />
                </form>
        </div>
        <div class="roundedBox resultBox hide" id="youWin">
            <a href="#" class="closeResultBox">×</a>
            <h1>YOU WIN</h1>
            <h2>(づ￣ 3￣)づ</h2>
        </div>
        <div class="roundedBox resultBox hide" id="youLose">
            <a href="#" class="closeResultBox">×</a>
            <h1>YOU LOSE</h1>
            <h2>╭∩╮（︶︿︶）╭∩╮</h2>
        </div>
    </body>
</html>
